<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:component
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:icecore="http://www.icefaces.org/icefaces/core"
	xmlns:ace="http://www.icefaces.org/icefaces/components"
	xmlns:ice="http://www.icesoft.com/icefaces/component">

	<ace:dialog
		id="dialogConsumoDeMateriaPrima"
	    header="#{etiqueta['ordenPedido.consumoMateriaPrima.titulo']}"
	    visible="#{ordenPedidoBean.abiertoPopupConsumoDeMateriaPrima}"
	    widgetVar="popupConsumoDeMateriaPrima"
	    closable="false"
	    modal="true"
	    draggable="false"
	    showEffect="clip"
	    hideEffect="fade"
	    width="600">
	    <div align="center">
			<!-- MENSAJES -->
			<ice:messages id="idMensajesConsumoDeMateriaPrima" ></ice:messages>
		</div>
		
		<ice:panelGrid columns="2" styleClass="100per">
			<ace:dataTable id="listaConsumoDeMateriaPrima"
				rows="5"
				var="consumo"
				value="#{ordenPedidoBean.totalConsumoDeMateriaPrima}"
				paginator="true"
                paginatorPosition="bottom">
				<ace:column headerText="#{etiqueta['ordenPedido.consumoMateriaPrima.materiaPrima']}">
					<ice:outputText value="#{consumo.materiaPrima.nombre}-#{consumo.materiaPrima.tipoMasa.nombre}-#{consumo.materiaPrima.tipoMasa.acronimo}">
					</ice:outputText>
				</ace:column>
				<ace:column headerText="#{etiqueta['ordenPedido.consumoMateriaPrima.inventario']}">
					<ice:outputText value="#{consumo.materiaPrima.inventario}">
					</ice:outputText>
				</ace:column>
				<ace:column headerText="#{etiqueta['ordenPedido.consumoMateriaPrima.necesaria']}">
					<ice:outputText value="#{consumo.cantidadFormula}">
					</ice:outputText>
				</ace:column>
				<ace:column headerText="#{etiqueta['ordenPedido.consumoMateriaPrima.diferencia']}">
					<ice:outputText value="#{consumo.diferenciaConsumo}" rendered="#{consumo.diferenciaConsumo gt 0}">
					</ice:outputText>
					<ice:outputText value="#{consumo.diferenciaConsumo}" rendered="#{consumo.diferenciaConsumo le 0}"
						style="color:red;">
					</ice:outputText>
				</ace:column>
			</ace:dataTable>
		</ice:panelGrid>
		
		<div align="center">
			<ice:panelGrid columns="2">
				<ice:commandButton 
					value="#{etiqueta['boton.cerrar']}"
			         actionListener="#{ordenPedidoBean.cerrarPopupDeConsumoDeMateriaPrima}"
			         onclick="popupConsumoDeMateriaPrima.hide();">
			    </ice:commandButton>
			</ice:panelGrid>
		</div>
	</ace:dialog>
</ui:component>